 <template>
  <div>
    <van-config-provider :theme-vars="themeVars" :z-index="20000">
      <RouterView></RouterView>
      <RouterView name="footer" />
       
    </van-config-provider>
  </div>
 </template>

 <script setup lang="ts">
 import { reactive } from 'vue';
 import {THEME_VARS } from './config/index'
 import AppFooter from './views/AppFooter/index.vue'
//  import _ from 'lodash'
//  import {ref} from 'vue'
//  const count = ref<number>(_.random(20,30))

const themeVars = reactive( THEME_VARS);

</script>
 